草庐IT

Bootstrap4 表单

全部标签

javascript - 检测登录表单的自动填充

我正在尝试创建一个带有登录页面的网页。当用户第一次登录时,如果他勾选“保持登录”,用户名和密码将被浏览器保存。当他第二次登录时,浏览器将自动填写表单,我可以让他登录,而无需他与页面进行交互。问题是,我无法从登录表单中获取密码。看看我的代码:$(document).ready(setTimeout(function(){loginForm.form.submit(function(e){//Idon'thaveaonsubmitactiondefinedontheloginformconsole.log("Submit");checkLogin();//Thisfunctionshoul

javascript - 管道多部分表单上传到另一台服务器

我正在尝试在我的NodeExpress服务器上处理POST请求以处理多部分表单上传,在我的例子中,用户正在上传图像。我想通过我的Express应用程序将上传内容传输到另一台服务器,该应用程序当前设置为使用正文解析器,我还看到它不支持多部分bodes,而是建议使用其他一些库。我看过multiparty但我不确定如何在我的客户端应用程序中使用它。在我的客户端代码中,我发布了一个FormData对象,如下所示:functioncreate(data,name){varformData=newFormData();formData.append('file',data,name);return

javascript - bootstrap 3 模态,焦点输入字段不适用于 firefox

我正在使用来自bootstrap3的模式,它包含在输入字段中这个模态是在页面加载时使用jquery代码启动的(不是通过单击按钮)$().ready(function(){$('#OTPModal').modal('show');});一旦显示模态,我就会通过这段代码使输入成为焦点$('#OTPModal').on('shown.bs.modal',function(){$('#OTPField').focus();});此代码在googlechrome中运行良好,但在firefox中却不行!用chrome和firefox检查jsFiddle看看有什么不同https://jsfiddle

javascript - AngularJS 中依赖表单验证的单元测试 Controller

在我的Controller中,我只想在表单有效时调用一个Action(比如按Tab键)。我还需要在成功提交表单后立即清除表单。我有这样的东西app.controller('CommentFormController',function($scope){$scope.submit=function(){if($scope.commentForm.$valid){//submitform$scope.comment='';$scope.commentForm.$setPristine();}}});我想对此进行测试,但看起来我必须手动创建此$scope.contactForm并stub$s

javascript - Google Places Autocomplete place_changed 事件在表单提交后按回车键触发

我已将GoogleMapsJavascriptAPIV3中的google.maps.places.Autocomplete添加到基本搜索表单中。我正在尝试找到一种可靠的方法来检测用户是从自动完成列表中选择了一个项目(使用鼠标或键盘)还是提交了自由格式的文本。代码:http://jsfiddle.net/2rhL3cyk/1/我正在针对以下基本场景进行测试,每个场景都应导致提交表单。如果用户选择了自动完成项,locMatch应该为真。输入自由格式文本,按回车键:place_changed被解雇onSubmit被触发。locMatch:假输入文本,使用向下箭头选择一个位置,然后按回车键:o

javascript - 在 jQuery 中使用 FormData 提交表单 - 没有 Ajax 和隐藏字段

我有一个函数可以对表单提交进行一些自定义工作,通过Ajax发送一些数据,将返回的数据附加到新的FormData对象中,现在我需要使用此FormData以常规方式(不是通过Ajax)提交表单。我知道这可以通过隐藏字段来实现,但是如果我不想让懂一点编码的人看到返回的数据怎么办?那么是否可以在没有隐藏字段和Ajax的情况下使用jQuery中的自定义FormData提交表单? 最佳答案 您可以在提交之前将您的对象添加到表单中,然后直接将其删除。$('#yourForm').submit(function(){$(this).append(y

javascript - 几次点击后 Bootstrap 模式停止

我链接到一个Bootstrap模式,如下所示;然而,在一轮打开/关闭之后,模态停止响应点击。我尝试用bootstrap文档中的示例替换代码并且它有效。我不确定从哪里开始调试。 最佳答案 您没有正确关闭模式。您需要更改:×到:× 关于javascript-几次点击后Bootstrap模式停止,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/32467795/

javascript - 延迟提交表单,直到检索到位置

我有一个尝试从浏览器获取位置设置的应用程序,这往往需要一些时间,所以我希望它在页面加载时运行。但是,如果您在位置回调运行之前单击提交按钮,则您没有位置数据。我的问题很简单,如何在提交表单之前等待位置成功回调完成?(没有像sleep声明这样愚蠢的东西)。理想情况下,我想闪烁一个繁忙的指示器并等待数据。这可能吗?我有使忙碌指示器可见的代码,但不确定如何优雅地等待数据可用。$(document).ready(function(){varlat="";varlng="";varaccuracy="";varlocationFound=false;if(navigator.geolocation

javascript - Angular Bootstrap 选项卡 - 选择页面加载中调用的函数

我有以下格式的AngularBootstrap选项卡。(见plunker)select函数应该在选项卡被选中时触发。但奇怪的是,当页面加载时,第一个选项卡的选择功能被触发。(打印选项卡选择动态标题1加载..)"http://plnkr.co/edit/vyOOhCdIl7s1Wvou7Dr9?p=preview"angular.module('ui.bootstrap.demo',['ui.bootstrap']);angular.module('ui.bootstrap.demo').controller('TabsDemoCtrl',function($scope){$scope.

javascript - Twitter bootstrap 在小型设备上重新排序元素

我在页面上有以下布局:左侧是桌面(lg)版本,右侧是我希望在小型设备上进行的重新排序。使用这段代码:LoremIpsum(2)RostfreieBohrbefestigerfürStahl-undAluminiumunterkonstruktionenImage(1)Loremipsumdolorsitamet,consetetursadipscingelitr,seddiamnonumyeirmodtemporinviduntutlaboreetdoloremagnaaliquyamerat,seddiamvoluptua.Atveroeosetaccusametjustoduodo